<template>
  <div class="split-pane-conner">
    <w-split-pane :leftOffset.sync="offset" @change-offset="handlerChangeOffset">
      <div slot="left">left</div>
      <div slot="right">right</div>
    </w-split-pane>
  </div>
</template>

<script>
import WSplitPane from '_c/split-pane'

export default {
  data () {
    return {
      offset: 0.2
    }
  },
  components: {
    WSplitPane
  },
  methods: {
    handlerChangeOffset (offset) {
      this.offset = offset
    }
  }
}
</script>
<style lang="less">
.split-pane-conner {
  width: 600px;
  height: 200px;
  background: papayawhip
}
</style>
